import { memo } from 'react'

const componentObj = {
  closeFullScreen: '/images/video/closeFullScreen.png',
  fullScreen: '/images/video/fullScreen.png',
  mute: '/images/video/mute.png',
  pause: '/images/video/pause.png',
  player: '/images/video/player.png',
  volume: '/images/video/volume.png',
  next: '/images/video/next.png'
}
const Index = props => {
  const { iconClass, className = '', onClick = () => {} } = props
  return (
    <img
      loading="lazy"
      src={componentObj[iconClass]}
      aria-hidden="true"
      className={className}
      onClick={onClick}
      alt="图标"
    />
  )
}

export default memo(Index)
